<template>
    <view>
        <!-- 其他页面内容 -->
        <view class="botomcont">
            <button @click="opening">我要发布</button>
            <button>我的发布</button>
            <button>我的点赞</button>
        </view>
    </view>
</template>

<script>
	import {
		mapState
	} from 'vuex';

	export default {
		computed: {
			...mapState('m_user', ['userId', 'userinfo']),
		},
    name: "my-community",
    data() {
        return {
            
        };
    },
	methods:{
		opening(){
			uni.navigateTo({
				url: '/subpkg/communityopening/communityopening'
			});
		}
	}
}
</script>

<style lang="scss">
.botomcont {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around; /* 或者使用 'space-between' 根据需要调整按钮间距 */
    background-color: #fff; /* 背景颜色可以根据需要调整 */
    border: 1px solid #fff; /* 可选：添加顶部边框 */
    // box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1); /* 可选：添加阴影效果 */
    z-index: 999; /* 确保它位于其他内容之上 */
}

.botomcont button {
    width: 40%; /* 根据需要调整按钮宽度 */
    // padding: 10px;
    text-align: center;
    background-color: #c2bdc3; /* 按钮背景颜色 */
    color: white; /* 按钮文字颜色 */
    // border: 1px solid #ccc;
    // border-radius: 5px; /* 按钮圆角 */
    // margin-top: 5px; /* 可选：根据需要调整顶部外边距 */
	font-size: 14px
}

/* 确保按钮在点击时有视觉反馈 */
.botomcont button:active {
    background-color: #0056b3; /* 点击时按钮背景颜色变深 */
}
</style>